<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
      
    <h:head>
        <title>login</title>
        <h:outputStylesheet name="css/style1.css"/>
        <h:outputScript name ="javascript/script.js"/>
    </h:head>
    <h:body>
        <div id ="top-bar">
            <div class="page-far-left">
                <h:link outcome="/index" class="round button dark ic-left-arrow image-left">Return to website</h:link>
            </div>

        </div>
        <!--End to-bar-->

        <div id ="header">
            <div class="page-full-width cf">
                <div id="login-intro" class="fl">
                    <h1>Login to MySweetHome</h1>
                    <h5>Enter your credentials below</h5>
                </div>  
            </div>
        </div>
        <!--End Header-->

        <div id ="content">
              <h:panelGroup id="messagePanel" layout="block">
                <h:messages errorStyle="color: red" infoStyle="color: green" layout="table"/>
            </h:panelGroup>
            <h:form id="login-form">
                
                    <p>
                        <h:outputLabel for="username"> UserName: </h:outputLabel>
                        <p:inputText id="username" value="#{accountController.selected.username}" styleClass="round full-width-input"/>
                       
                    </p>
                    <p>
                        <h:outputLabel for="password">Password:</h:outputLabel>
                        <p:password id="password" value="#{accountController.selected.password}" styleClass="round full-width-input"/>
                       
                </p>
                    
                <p>I've <h:link outcome="changepassword">forgotten my password</h:link>.</p>
				
                                <p:commandButton ajax="false" action="#{accountController.checkLogin()}" value="Login"/>

			

			<br/><div class="information-box round">Just click on the "LOG IN" button to continue, no login information required.</div>

        </h:form>
    </div>
</h:body>
</html>

